<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>成绩记录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-touch-fullscreen" content="yes">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/xs-chengjijilu.css">
    <script src="common/jquery-1.10.2.min.js"></script>
    <script src="common/common.js"></script>
    <script src="common/echarts.common.min.js"></script>
</head>
<body>
<div class="chengji-box">
    <div class="news_time clear">
        <span class="time_txt">时间区间</span>
        <span class="time_intro">2018-10-2~2018-56-02 <img src="./img/time_right.png"></span>
    </div>
    <div class="chengji-box-el-t">
        <ul>
            <li class="chengji-box-el-li" style="border-right: 1px solid #eeeeee">
                <em></em>
                素描
            </li>
            <li class="chengji-box-el-li"  style="border-right: 1px solid #eeeeee">
                <em></em>
                色彩
            </li>
            <li class="chengji-box-el-li" >
                <em></em>
                速写
            </li>
        </ul>
    </div>
    <!--样式1-->
    <div class="achievement-one" style="display: none">
        <div class="achievement-title">考试场次</div>
        <div class="achievement-img">
            <img src="img/1528600997(1).png" alt="">
        </div>
        <div class="achievement-f">
            色彩(临摹):86
        </div>
    </div>
    <!--样式1-->
    <!--样式2-->
    <div class="achievement-two" style="display: none">
        <div class="achievement-two-title">考试场次</div>
        <div class="achievement-two-img">
            <ul>
                <li>
                    <img src="img/1528602491(1).png" alt="">
                    <p>素描(临摹)：86</p>
                </li>
                <li>
                    <img src="img/1528602517(1).png" alt="">
                    <p>色彩(临摹)：86</p>
                </li>
            </ul>
        </div>
    </div>
    <!--样式2-->
    <!--样式3-->
    <div class="achievement-three">
        <div class="achievement-three-title">考试场次</div>
        <div class="achievement-three-img">
            <ul>
                <li>
                    <img src="img/img-1.png" alt="">
                    <p>素描(临摹)：86</p>
                </li>
                <li>
                    <img src="img/img-2.png" alt="">
                    <p>色彩(临摹)：86</p>
                </li>
                <li>
                    <img src="img/img-3.png" alt="">
                    <p>速写(临摹)：86</p>
                </li>
            </ul>
        </div>
    </div>
    <!--样式3-->

</div>
<script type="text/javascript">
    // $('.chengji-box-el-li').eq(0).find('em').addClass('sele_cur')
    $(function(){
        $('body').on('click','.chengji-box-el-li',function(){
            // $(this).find('em').addClass('sele_cur').parents('li').siblings().find('em').removeClass('sele_cur');
            $(this).find('em').addClass('sele_cur');
        })
    })
</script>
</body>
</html>
